const Base = {
  // 检测浏览器的版本
  browserVersion: function() {
    var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串

    if (
      userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      )
    ) {
      var isIos = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) // 判断移动端浏览器
      var isAndroid =
        userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1 // 判断移动端浏览器
      if (isIos) {
        return 'ios'
      }
      if (isAndroid) {
        if (userAgent.match(/HUAWEI/i) && userAgent.match(/MQQBrowser/i)) {
          return 'huawei'
        } else if (
          userAgent.match(/HONOR/i) &&
          userAgent.match(/MQQBrowser/i)
        ) {
          return 'honor'
        } else {
          return 'android'
        }
      }
    } else {
      var isOpera = userAgent.indexOf('Opera') > -1 // 判断是否Opera浏览器
      var isIE =
        userAgent.indexOf('compatible') > -1 &&
        userAgent.indexOf('MSIE') > -1 &&
        !isOpera // 判断是否IE浏览器
      var isIE11 = userAgent.indexOf('rv:11') > -1
      var isEdge = userAgent.indexOf('Edge') > -1 && !isIE // 判断是否IE的Edge浏览器
      var isFF = userAgent.indexOf('Firefox') > -1 // 判断是否Firefox浏览器
      var isSafari =
        userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') === -1 // 判断是否Safari浏览器
      var isChrome =
        userAgent.indexOf('Chrome') > -1 &&
        userAgent.indexOf('Safari') > -1 &&
        userAgent.indexOf('Edge') === -1 // 判断Chrome浏览器

      if (isIE) {
        var reIE = new RegExp('MSIE (\\d+\\.\\d+);')
        reIE.test(userAgent)
        var fIEVersion = parseFloat(RegExp.$1)
        switch (fIEVersion) {
          case 6:
            return '6'
          case 7:
            return '7'
          case 8:
            return '8'
          case 9:
            return '9'
          case 10:
            return '10'
          case 11:
            return '11'
          default:
            return '0' // IE版本过低
        }
      }
      if (isFF) {
        return 'FF'
      }
      if (isOpera) {
        return 'Opera'
      }
      if (isSafari) {
        return 'Safari'
      }
      if (isChrome) {
        return 'Chrome'
      }
      if (isEdge) {
        return 'Edge'
      }
      if (isIE11) {
        return '11'
      }
    }
  },
  replaceImg: function() {
    function init() {
      const imgs = document.querySelectorAll('.J-replace-img')
      console.log(imgs)
      if (imgs.length > 0) {
        var winW = window.innerWidth
        for (let i = 0; i < imgs.length; i++) {
          var $this = imgs[i]
          var src = $this.getAttribute('src')
          console.log(src)
          var img1920 = $this.getAttribute('pc-l')
          var img1600 = $this.getAttribute('pc-s')
          var img1200 = $this.getAttribute('ipad-h')
          var img992 = $this.getAttribute('ipad-v')
          var img750 = $this.getAttribute('wap')
          if (winW > 1600) {
            $this.setAttribute(
              'src',
              img1920 || img1600 || img1200 || img992 || img750 || src
            )
          } else if (winW > 1200) {
            $this.setAttribute(
              'src',
              img1600 || img1920 || img1200 || img992 || img750 || src
            )
          } else if (winW > 992) {
            $this.setAttribute(
              'src',
              img1200 || img1600 || img1920 || img992 || img750 || src
            )
          } else if (winW > 750) {
            $this.setAttribute(
              'src',
              img992 || img1200 || img1600 || img1920 || img750 || src
            )
          } else {
            $this.setAttribute(
              'src',
              img750 || img992 || img1200 || img1600 || img1920 || src
            )
          }
        }
      }
    }
    // document.querySelector('body').addEventListener('replaceImg', init)
    init()
  }
}

// 计算同行等高方法
// 如果层级只有两级，传2个参数，如果层级有三级，传3个参数，
// Base.prototype.v3SetHeight = function(obj, obj2, obj3) {
//   if (!this.resizeStackLock && this.resizeStack) {
//     this.resizeStack.push({
//       fn: this.v3SetHeight,
//       params: arguments
//     })
//   }
//   var This = $(obj)
//   var args = arguments
//   This.each(function() {
//     var _this = $(this)
//     var oList = _this.find(obj2)
//     var oList_len = oList.length
//     var oBox_w = _this.width() + 10
//     var oList_w = oList.width()
//     var oColumn_len = Math.floor(oBox_w / oList_w)
//     var oRow_len = Math.ceil(oList_len / oColumn_len)
//     var oList_H = 0
//     var oList_obj = null
//     if (args.length == 2) {
//       oList.height('auto')
//     } else {
//       oList.find(obj3).height('auto')
//     }
//     for (var i = 0; i < oRow_len; i++) {
//       for (var j = i * oColumn_len; j < oColumn_len * (i + 1); j++) {
//         oList.eq(j).addClass('oList_obj')
//         if (args.length == 2) {
//           var H = oList.eq(j).height()
//         } else {
//           var H = oList
//             .eq(j)
//             .find(obj3)
//             .height()
//         }
//         H > oList_H ? (oList_H = H) : oList_H
//         oList_obj = $('.oList_obj')
//       }
//       if (args.length == 2) {
//         oList_obj.height(oList_H)
//       } else {
//         oList_obj.find(obj3).height(oList_H)
//       }
//       oList_obj.removeClass('oList_obj')
//       oList_H = 0
//     }
//   })
// }
Base.replaceImg()
export default Base
